MJdesign

I sidste flow skitserede du din drømmeportfolio i et prototyping-værktøj.

Nu er det tid til at implementere en fungerende online version af din portfolio i form af et website, som du udvikler fra grunden ved hjælp af HTML 5 og CSS 3. Brug din prototype som oplæg – måske kommer du tæt på det første udkast, måske tager dit projekt en ny og uventet kreativ retning?

Du skal producere en online version og dokumentere din kode og projektstruktur på GitHub. Vi forventer:

Online version af din portfolio på dit Webhotel (ikke via GitHub pages blinker)
En repository til dit portfolio projekt
En passende projektstruktur (filnavne, mapper)
Fejlfri kode (valideret!)

Udover den tekniske implementering, er det vigtigt, at du forholder dig til følgende, når du designer dit nye website:

Hvem skal se min portfolio – hvem henvender jeg mig til?
Hvordan præsenterer jeg bedst mig selv?
Hvordan formidler jeg, hvad jeg har lært indtil nu og hvad jeg håber at lære fremover?
Hvilken visuel stil og stemning ønsker jeg på min portfolio?
Hvordan kan jeg give min portfolio et personligt touch?

Din portfolio vil følge dig gennem hele din studietid og er et vigtigt redskab til præsentation af dit arbejde og din læring, samt en platform, hvor underviserne løbende kan følge din faglige udvikling og studieaktivitet. Flowet afsluttes med en fælles præsentationsdag, hvor vi vurderer og diskuterer jeres arbejde i plenum. Har du brug for yderligere feedback, kommentarer eller forslag til din portfolio, kan du kontakte underviserne efterfølgende.

Mit portfolio

Link til portfolio

Efter feedbacket på min xd version, vidste jeg at jeg skulle ændre en del. Jeg valgte at beholde det asiatiske look, men nu i en ny version. Da jeg på det tidspunkt var meget vild med en doughua (Mo Dao Zu Shi), blev mit web portfolio inspireret af den.

For at holde det enkelt valgte jeg kun at bruge 3 farver: sort, hvid og mørk rød.

På forsiden valgte jeg at lave et penselstrøg med mit navn og uddannelse i. Det var en af de ting der blev påpeget i min xd, at man ikke kunne se at det var en multimediedesigner, som var ophavsmand ti siden.

For at give forsiden lidt mere liv, lavede jeg en kort film, hvor de projekter, som jeg havde lavet blev vist.

Jeg brugte meget tid på kodningen. Især på forsiden, hvade jeg problemer. Videoen ville ikke vises og mit penselstrøg, var enten meget lille eller meget stort og sad ikke hvor det skulle.

Mit logo i nav baren var heller ikke en succes. Jeg prøvede utallige ting for at få det endelige resultat, som I ser for jer idag, men den hat kostet blod, sved og tårer - både hos mig og hos min underviser, som til sidst fik det hele til at virke.

Der var en masse idéer, der ikke blev udført. Jeg havde blandt andet tænkt at al skriften på siden skulle være min egen håndskrif, så jeg har selv udarbejdet et alfabet, dog blev det ikke brugt i mit færdige projekt.

Lært i flow 2

Teknisk viden om internettet
Grundlæggende HTML 5 og CSS 3
Kendskab til en IDE (integrated development environment)
Optimering af billeder og grafik til web
Kendskab til layout principper
Versionsstyring via GitHub
Logisk navngivning og strukturering af filer, web projekt struktur
FTP upload til eget domain

Arbejdet med følgende programmer

Adobe Photoshop
Adobe XD
Visual Studio

Hjem

Flow 1

Flow 2

Flow 3

Flow 4

Flow 5

1. Semester

Flow 2 - Byg din portfolio

Mit portfolio

Tidlig visualisering

Forside

Navbar

Logo

Feedback

Lært i flow 2

Arbejdet med følgende programmer